<template>
<div>
    <p>row</p>
    <div class="row">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    </div>
   <p> colum</p>
    <div class="column">
    <div class="item"></div>

    <div class="item"></div>
    <div class="item"></div>
    </div>
    </div>
</template>
    <style scoped>
        .row{
            display:flex;
            flex-direction:row;
        }
        .column{
            display:flex;
            flex-direction:column;
        }
        .item{
            background:red;
            height:100px;
            width:100px;
            border:1px solid #000;
        }
        
    </style>